<!-- 第二行内容 -->
<template>
  <div class="second-row" style="height: 100%; width: 100%;">
    <HetongView v-if="selectLabel === 'hetong' && props.year" :year="props.year" />
    <SKOCZView v-if="selectLabel === 'shoukuan' && props.year" :year="props.year" :block="selectLabel" />
    <SKOCZView v-if="selectLabel === 'chanzhi' && props.year" :year="props.year" :block="selectLabel" />
    <XiangmuView v-if="selectLabel === 'xiangmu' && props.year" :year="props.year" />
  </div>
</template>

<script setup>
import HetongView from './HetongView.vue';
import SKOCZView from './ShoukuanOrChanzhiView.vue';
import XiangmuView from './XiangmuView.vue';
import { storeToRefs } from 'pinia';
import { useScreenStore } from '@/store/useScreenStore';

const props = defineProps({ year: Number });

const store = useScreenStore();
const { selectLabel } = storeToRefs(store);
</script>

<style scoped></style>
